草庐IT

CSS 创建

全部标签

javascript - 如何在 Node 环境中使用 Puppeteer 创建 PDF 而无需将其写入磁盘

背景我在需要生成PDF的node.jsExpress应用程序中工作。目前我们正在使用来自Google的Puppeteer,这让这一切变得简单。在文档中,它显示的方法是将路径传递给对象,告诉Puppeteer在何处写入PDF。问题我不想将此PDF文件写入磁盘。这里的目标是让客户端到达终点,在该终点生成PDF并将其返回给客户端。创建一个文件2秒会增加一点点状态,这让我不得不处理更多令人头疼的事情才能部署到生产环境。示例(async()=>{constbrowser=awaitpuppeteer.launch();constpage=awaitbrowser.newPage();awaitp

javascript - 我正在尝试创建一个带有指针的 substr 方法……有更优雅的解决方案吗?

这是交易。我正在做一些字符串操作,我经常使用substr方法。但是,我需要使用它的方式更像是一种phpfread方法。然而,我的substr需要由指针引导。该过程需要像这样:varstring='Loremipsumdolorsitamet,consectetur'如果我读入,'Lorem'.....作为我的第一个substr调用:string.substr(offset,strLenth)//0,5然后我的下一个substr调用应该自动从我字符串中的这个位置开始的偏移量开始:offsetpointerstartsherenow=>ipsumdolorsitamet,consectet

javascript - 创建 javascript 对象的两种方法,我应该使用哪一种?

这些是创建javascript对象的方法:functionapple(optional_params){this.type="macintosh";this.color="red";this.getInfo=function(){returnthis.color+''+this.type+'apple';};}varapple={type:"macintosh",color:"red",getInfo:function(){returnthis.color+''+this.type+'apple';}}我真的更喜欢后者,因为它是Json语法,但我看到的第一个比后者多。它们在功能上有什么

javascript - 检测屏幕分辨率以加载替代 CSS 是个好主意吗?

我与一位平面设计师合作,他总是希望使网站大于我推荐的960像素。我可以用液体布局做一定数量的事情,但我真的很喜欢能够为更大的分辨率加载不同的CSS。我用谷歌搜索并找到了下面的链接,但我担心我还没有听到更多关于这个的信息。这是一种可靠的方法吗?我很担心,因为我原以为会有更多人想要这样做。http://www.ilovecolors.com.ar/detect-screen-size-css-style/谢谢 最佳答案 简单回答你的问题:没有。即使是,构建多个CSS文件等似乎效率低下。有比依赖分辨率更好的方法。一个长篇大论的回答:当96

javascript - 如何获得类的CSS宽度?

我的问题是,如何获取类css样式的宽度参数?例如我有带有id=page和类“page”和“css-1”的div。我想获取css-1类样式的宽度参数? 最佳答案 最简单的方法可能是忽略,用你关心的类创建一个新的并检查它的样式属性。您需要将它添加到DOM以使其采用文档的CSS。vardiv=$('').addClass('css-1').hide();$('body').append(div);varwidth=div.css('width');div.remove(); 关于javascr

javascript - jQuery CSS 位置不工作

我有一个带有position:absolute的div。我正在尝试使用jQuery将其定位到正确位置,但它不起作用。在下面的代码中,我基本上删除了left并添加了right:0。这应该将div定位到最右边。使用Firebug,我可以看到内联样式被更改为right:0但什么也没有发生。我究竟做错了什么。检查http://jsfiddle.net/SJP3b/1/$('div').css({left:'',right:0}); 最佳答案 使用适合我的left:'auto':http://jsfiddle.net/SJP3b/2/许多值不

javascript - 使用 Javascript 检测 CSS 功能

是否可以使用Javascript检测CSS支持?例如,是否可以检测浏览器是否支持这样的属性选择器?input[type='text']{} 最佳答案 Modernizr旨在检测浏览器功能,在这种情况下很可能会有所帮助。http://www.modernizr.com/ 关于javascript-使用Javascript检测CSS功能,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/

javascript - JQuery 链接 Action ,有效..但 CSS 不等待轮到它?

所以我有这样的东西(如下),一切都依次进行(它在开始时隐藏,然后你看到它向下滑动,等待2秒,然后向上滑动)但是.cssAction立即发生,甚至尽管是在2秒延迟之后。只是想知道这是为什么。$('p:first').hide().slideDown('slow').delay(2000).css({"background-color":"#ff4"}).slideUp('slow')});编辑新代码:我已将我的代码更改为:它似乎不再向上滑动了..(因为我希望它在向上滑动之前变为黄色)$('p:first').hide().slideDown('slow').delay(2000,func

javascript - 为什么 Facebook 不合并它的 CSS/JS 文件?

我很好奇为什么Facebook开发人员选择不将他们的脚本和样式表合并到单个文件中。相反,它们是通过CDN按需加载的。Facebook显然是一个非常复杂的应用程序,我可以理解这种模块化如何使Facebook更易于维护,但通常的优化建议是否仍然适用(尤其是考虑到它的高使用率)?或者,他们使用CDN的事实是否避免了具有大量小脚本/样式的常见性能影响? 最佳答案 一句话BigPipe.他们将页面分成“pagelets”,每一个都在他们的服务器上单独处理并并行发送到浏览器。基本上几乎所有内容(CSS、JS、图像、内容)都是延迟加载的,因此它归

javascript - 使用 Rails 创建 powerpoint 演示文稿

我处于这样一种情况,我必须以编程方式构建PowerPoint演示文稿并通过Web应用程序提供生成的ppt文件,最好使用Rails、JavaScript或Ruby。这可能吗?如果是,如何以及使用哪些工具?我愿意接受有关如何最好地解决此问题的任何和所有建议。谢谢! 最佳答案 这个ruby似乎比当前接受的答案中提到的更成熟。https://github.com/pythonicrubyist/powerpointhttp://rubygems.org/gems/powerpointrequire'powerpoint'@deck=Powe